<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script>
    var LoopImages = function(imgArr, container) {
        // 轮播图数组
        this.imagesArray = imgArr;
        // 轮播图容器
        this.container = container;
        // 创建图像
        this.createImage = function() {}
        // 改变图片
        this.changeImage = function() {}
    }
    LoopImages.prototype = {
        // 创建轮播图片
        createImage: function() {},
        // 切换下一张图片
        changeImage: function() {}
    }
    // 上下滑动切换类
    var slideLoopImg = function(imgArr, container) {
        // 构造函数继承图片轮播
        LoopImages.call(this, imgArr, container);
    }
    slideLoopImg.prototype = new LoopImages();
    // 重写继承实现切换下一张
    slideLoopImg.prototype.changeImage = function() {
    }
    // 渐隐切换类
    var FadeLoopImg = function(imgArr, container, arrow) {
        LoopImages.call(this, imgArr, container);
        // 切换箭头私有变量
        this.arrow = arrow;
    }
    FadeLoopImg.prototype = new LoopImages();
    FadeLoopImg.prototype.changeImage = function() {}
    </script>
</body>

</html>